<template>
  <el-tabs v-model="activeName" type="border-card" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane label="停复役登记" name="first">
      <Index1></Index1>
    </el-tab-pane>
    <el-tab-pane label="停服役设备列表" name="second">
      <Index2></Index2>
    </el-tab-pane>
  </el-tabs>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import type { TabsPaneContext } from 'element-plus'
import Index1 from '@/views/factoryInfo/component/index1.vue'
import Index2 from '@/views/factoryInfo/component/index2.vue'


const activeName = ref('first')

const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event)
}
</script>
<style></style>